//模块标题
.bigscreen-title {
  width: 100%;
  height: 42px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 16px;
  box-sizing:border-box;

  .bigscreen-title-section {
    display: flex;
    flex-flow: row nowrap;
    .bigscreen-title-txt {
      font-family: PMZD;
      letter-spacing: 1px;
      font-weight: normal;
      font-size: 18px;
      color: #ffffff;
      line-height: 42px;
      text-align: left;
      font-style: normal;
      padding-left: 18px;
    }
  }
  .bigscreen-title-tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4;
    position: absolute;
    right: 16px;
    .tab-item {
      font-family: PuHuiTi-Regular;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.72);
      line-height: 20px;
      text-align: center;
      font-style: normal;
      padding: 0 14px;
      cursor: pointer;
      border: 1px solid transparent;
      &.active {
        color: #ffffff;
        font-family: PuHuiTi-Bold;
        background: linear-gradient(
          270deg,
          rgba(254, 96, 51, 0.2) 0%,
          rgba(254, 96, 51, 0) 17%,
          rgba(254, 96, 51, 0) 81%,
          rgba(254, 96, 51, 0.2) 100%
        );
        border: 1px solid;
        border-image: linear-gradient(180deg, rgba(254, 96, 51, 0), rgba(254, 96, 51, 0.72), rgba(254, 96, 51, 0)) 1 1;
      }
    }
  }
}
.bigscreen-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(270deg, rgba(246, 110, 44, 0) 0%, rgba(246, 110, 44, 0.2) 97%, rgba(254, 96, 51, 0) 100%);
  border: 1px solid;
  border-image: linear-gradient(270deg, rgba(246, 110, 44, 0), rgba(246, 110, 44, 0.64), rgba(246, 110, 44, 0)) 1 1;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
.Mt_nobg::before {
  background: none;
  border: none;
  border-image: none;
  backdrop-filter: initial;
  -webkit-backdrop-filter: initial;
}
//模块
.bigscreen-module {
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  .bigscreen-content {
    padding: 0px 23px;
    gap: 16px;
    .ul {
      color: #fff;
      width: 118px;
      .linear-line {
        width: 100%;
        height: 1px;
        background: linear-gradient(
          270deg,
          rgba(249, 249, 249, 0) 0%,
          rgba(255, 255, 255, 0.27) 50%,
          rgba(240, 240, 240, 0) 100%
        );
      }
    }
  }
}
.ms-module {
  // background: linear-gradient(180deg, rgba(246, 110, 44, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
  // border-radius: 2px;
  // border: 1px solid;
  // border-image: linear-gradient(180deg, rgba(255, 80, 1, 0), rgba(255, 80, 1, 0.24)) 1 1;
  // backdrop-filter: blur(24px);
  position: relative;
  box-shadow: 0px 2px 16px 0px rgba(246, 110, 44, 0.16);
}
.ms-module::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.32) 100%),
    linear-gradient(180deg, rgba(246, 110, 44, 0.04) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 2px;
  border: 1px solid;
  border-image: linear-gradient(180deg, rgba(246, 110, 44, 0.12), rgba(246, 110, 44, 0.48)) 1 1;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
.item-info {
  width: 139px;
  color: #fff;
  height: 36px;
  padding-left: 32px;
  // .linear-line {
  //   width: 100%;
  //   height: 1px;
  //   background: linear-gradient(
  //     270deg,
  //     rgba(249, 249, 249, 0) 0%,
  //     rgba(255, 255, 255, 0.27) 50%,
  //     rgba(240, 240, 240, 0) 100%
  //   );
  // }
  .item-txt {
    text-align: left;
    .itme-name {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.64);
      // line-height: 16px;
      text-align: left;
      font-style: normal;
      font-family: SourceHanSansCN-Medium;
    }
    .itme-piont {
      width: 35px;
      font-weight: 400;
      font-size: 12px;
      // line-height: 14px;
      font-family: ZQKHY;
      margin-left: 4px;
      padding-top: 2px;
    }
    .item-value {
      font-family: ZQKHY;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      line-height: 16px;
    }
  }
}

//标题左侧双竖线
.diplonema {
  display: flex;
  flex-direction: row;
  align-items: center;
  .l1 {
    width: 2px;
    height: 20px;
    background: #f66e2c;
    border-radius: 1px;
  }
  .l2 {
    width: 2px;
    height: 12px;
    background: #f66e2c;
    border-radius: 1px;
    margin-left: 2px;
  }
}
//饼图
.pie-box {
  position: relative;
  text-align: center;
  .pie-raiusLine {
    position: absolute;
    left: -1px;
    right: 0;
    top: 15px;
    width: 134px;
    height: 104px;
    background: url("./pie-bg.png") center/100% no-repeat;
  }
  .echarts-pie {
    z-index: 2;
  }
}

.dr_count_num {
  font-family: ZQKHY;
  font-weight: 400;
  font-size: 28px;
  color: #ffffff;
  line-height: 34px;
  text-align: center;
  font-style: normal;
}
.dr_label {
  font-family: PuHuiTi-Regular;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
  line-height: 20px;
  text-align: center;
  font-style: normal;
}
.dr_piont {
  height: 16px;
  font-family: PuHuiTi-Regular;
  font-size: 12px;
  color: #f66e2c;
  text-align: center;
  font-style: normal;
  margin-top: 2px;
}
.pie-legend {
  text-align: left;
  .pie-legend-tit {
    font-family: PuHuiTi-Bold;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    text-align: left;
    font-style: normal;
  }
  .pie-legend-tit {
    font-family: PuHuiTi-Bold;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    margin-bottom: 6px;
  }
  .item-piont {
    font-weight: 400;
    font-size: 12px;
    color: #f66e2c;
    line-height: 14px;
    text-align: right;
    font-style: normal;
    font-family: ZQKHY;
  }
  .item-name {
    margin-left: 4px;
    font-family: PuHuiTi-Regular;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.64);
    // line-height: 16px;
  }
}
.line-radius {
  width: 398px;
  height: 3px;
  background: url("./line.png") center/100% no-repeat;
  // height: 1px;
  // background: linear-gradient(
  //   270deg,
  //   rgba(249, 249, 249, 0) 0%,
  //   rgba(255, 255, 255, 0.27) 50%,
  //   rgba(240, 240, 240, 0) 100%
  // );
  // // background: red;
  // display: flex;
  // align-items: center;
  // justify-content: center;
}
// .line-pieicon {
//   width: 11px;
//   height: 11px;
//   border-radius: 50%;
//   z-index: 9;
//   // background: rgba(255, 255, 255, 1);
//   background: #2a2a2a;
//   // border: 4px solid #2a2a2a;
//   position: relative;
// }
// .line-pieicon::before {
//   display: block;
//   content: " ";
//   position: absolute;
//   top: 3px;
//   left: 3px;
//   width: 4px;
//   height: 4px;
//   border-radius: 50%;
//   background: rgba(255, 255, 255, 0.27);
// }
.w141 {
  width: 141px;
  text-align: left;
}
.labelContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 140px;
  .labelContent-item {
    .labelContent-item-c {
    }
  }
}
.card-abs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 110px;
}
.item-p {
  font-size: 24px;
  font-family: ZQKHY;
  line-height: 27px;
}
.p-t {
  font-size: 16px;
  font-family: PuHuiTi-Bold;
}
.item-n {
  color: #fff;
  font-size: 12px;
  font-family: PuHuiTi-Regular;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SliderContent2 {
  margin-top: 2px;
  margin-left: 32px;
  height: 136px;
  width: 176px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  flex-direction: column;
  row-gap: 2px;
  .slick-vertical .slick-slide {
    height: 20px !important;
    line-height: 20px !important;
  }
}
.FadeIn_box {
  width: 154px;
  height: 129px;
  position: absolute;
  z-index: 3;
  left: 154px;
  .FadIn_box_content {
    background: rgba(41, 38, 37, 0.98);
    border-radius: 8px;
    border: 1px solid;
    border-image: linear-gradient(
        180deg,
        rgba(246, 110, 44, 0.6),
        rgba(246, 110, 44, 0.2),
        rgba(246, 110, 44, 0.1),
        rgba(246, 110, 44, 0.2),
        rgba(246, 110, 44, 0.6)
      )
      1 1;
    padding: 8px 12px;
    box-sizing: border-box;
    width: 134px;
    height: 100%;
    overflow: hidden;
    .f_b_t {
      width: 83px;
      height: 17px;
      font-family: PuHuiTi_Regular;
      font-size: 12px;
      color: #ffffff;
      line-height: 17px;
      text-align: center;
      font-style: normal;
      margin-bottom: 8px;
    }
    .f_li {
      line-height: 15.5px;
      height: 15.5px;
      margin-bottom: 8px;
      .f_txt {
        font-family: ZQKHY;
      }
      span {
        font-family: PuHuiTi_Bold;
        font-size: 10px;
        color: #ffffff;
      }
    }
    .f_li:last-child {
      margin-bottom: 0;
    }
  }
}
.bfh {
  font-size: 10px;
  font-family: PuHuiTi-Bold;
  font-style: normal;
  display: block;
  margin-top: -1px;
}
